<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="UTF-8">
    <title>KAPlayer</title>
    <link rel="shortcut icon" href="imgs/favicon.ico">
    <link rel="stylesheet" href="css/kaplayer.css">
    <script src="lib/jquery-1.9.1.js"></script>
    <script src="lib/audio5js/audio5.js"></script>
    <script src="js/kaslider.js"></script>
    <script src="js/kaplayer.js"></script>
</head>
<body>
    <div id="player">
        <div class="info">
            <span id="start"></span>
            <div id="info"><span></span></div>
            <span id="end"></span>
        </div>
        <div id="progress-range">
            <span id="progress-route"></span>
            <span id="progress-bar"></span>
        </div>
        <div class="button">
            <span id="play-pause" title="播放"></span>
            <span id="stop" title="停止"></span>
            <div id="previous-next">
                <span id="previous">上一曲</span>
                <span id="next">下一曲</span>
            </div>
            <div id="sound">
                <span id="minus"></span>
                <span class="volume">音量</span>
                <span id="add"></span>
                <div id="volume-range">
                    <span id="volume-bar" title="100%"></span>
                    <span id="volume-route"></span>
                </div>
            </div>
        </div>
        <div class="layout">
            <ul class="tab">
                <li class="hover">播放列表</li>
                <li>新歌推荐</li>
            </ul>
            <div class="playlist hover"></div>
            <div class="playlist"></div>
            <div class="action">
                <label><input id="all" type="checkbox"> 全选/反选</label>
                <span id="append">添加</span>
                <span id="remove">移除</span>
            </div>
            <div class="mode">
                <span>播放模式：</span>
                <span id="order" class="sort hover">顺序</span>
                <span id="random" class="sort">随机</span>
                <span id="cycle" class="sort">单曲</span>
            </div>
        </div>
        <div class="append">
            <div class="title">
                <span>添加歌曲</span>
                <a id="close" href="javascript:void(0)">×</a>
            </div>
            <table>
                <tr>
                    <td>歌 &nbsp;曲 &nbsp;名：</td>
                    <td><input type="text" class="text" name="name"></td>
                </tr>
                <tr>
                    <td>链接地址：</td>
                    <td><input type="text" class="text" name="url"></td>
                </tr>
                <tr>
                    <td colspan="2" align="right"><span id="confirm">确定</span>&nbsp;<span id="clear">清除</span></td>
                </tr>
            </table>
        </div>
    </div>
    <script>
    jQuery(document).ready(function() {
        KAPlayer.initPlayer({ baseUrl: "." });
    });
    </script>
</body>
</html>
